<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <meta name='viewport' content="width=device-width, initial-scale=1.0">
  <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
  <title>头部</title>
   <link rel="stylesheet" type="text/css" href="../resources/style/reset.css">
  <style>
        /* 头部 */
      .head{width: 100%; background: white; }
      .head>div{padding: 15px 0; }
      .logo{float: left; } 
      .logo a{display: block; } 
      .tel{float: right; position: relative; }
      .tel-icon{width: 50px; height: 46px; position: absolute; left: -52px; background: url('../resources/images/tel.png') no-repeat center; }
      /* 导航 */
      .active {background: #1d96d5;color: white;border-radius: 5px; }
      .nav {width: 100%; padding: 0 50px; }
      .nav li {float: left; width: 20%; text-align: center; }
      .nav a {line-height: 60px; display: block; width: 100px; height: 60px; text-align: center;font-weight: bolder; }
      /* banner */
      .nav a:hover{background: #1d96d5;color: white;border-radius: 5px; }
  </style>
</head>
<body style="overflow: hidden;">
<div class="head">
    <div class="box clearfix">
      <div class="logo">
        <a target="_parent" href="http://www.szgwnet.com"><img src="../resources/images/logo_03.png" alt=""></a>
      </div>
      <div class="tel">
        <p class="tel-icon"></p>
        <p>服务热线<br>0755-83248455</p>
      </div>
    </div>
    <div class="box">
      <ul class="nav clearfix" id="headNav">
       <li><a class="nav-iframe" echo="index">首页</a></li>
       <li><a class="nav-iframe" echo="WEB-INF/introduce">产品介绍</a></li>
       <li><a class="nav-iframe" echo="WEB-INF/demonstration">产品演示</a></li>
       <li><a class="nav-iframe" echo="WEB-INF/tryout">产品试用</a></li>
       <li><a class="nav-iframe" echo="WEB-INF/dynamic">最新动态</a></li>
      </ul>
    </div>
</div>
  <script type="text/javascript" src="../resources/js/jquery-1.9.1.min.js"></script>
  <script>

    var index= +window.location.search.split("=")[1];

    $(".nav-iframe").eq(index).addClass("active");

    $("#headNav").on("click","a",function(){
        if(this.className.indexOf("active")!=-1){
          return ;
        } 
        parent.location.href="../"+$(this).attr("echo")+".html";
    })
  </script>
</body>
</html>